.cover {
    height: 600px;
    overflow: hidden;
}

.cover_bd {
    position: relative;
    width: 100%;
    height: 100%;
    background: url(../images/cover2.webp) no-repeat;
    background-size: cover;
    background-position: center;
    z-index: 1;
}

.cover_element {
    position: absolute;
    right: 0%;
    top: 6.2%;
    opacity: 80%;
}


.cover_bd::before {
        z-index: -1;
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        background: -webkit-gradient(linear, left top, left bottom, from(var(--bg-theme-color1)), to(transparent));
        background: linear-gradient(#0f0f0f, transparent);
        min-height: 300px;
        content: "";
    }

.cover_content {
    position: absolute;
    top: 40%;
    left: 20%;
}

.cover_content h1{
    font-size: 52px;
    font-weight: 800;
    color: #ffffff;
}

.cover_content p:nth-child(2) {
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
}

.cover_content_a {
    margin-top: 40px;
}


.cover_content_img {
    margin-top: 30px;
    display: flex;
    align-items: center;
}

.cover_content_img img {
    max-width: 50px;
    margin-right: 40px;
}

.cover_content_a a span {
    position: relative;
    z-index: 2;
}

.cover_content_a a:hover::before { /* 悬停时将透明度设置为1 */
    width: 100%;
}

.cover_img {
    position: absolute;
    top: 22%;
    right:20%;
    color: #ffffff;
    text-align: center;
}

.cover_img_1 img {
    max-width: 420px;
    animation: floatUpDown 2s ease-in-out infinite;
}

.cover_img_2 img,
.cover_img_3 img,
.cover_img_4 img {
    max-width: 65px;
    background-color: #e42b2b;
    padding: 10px;
    border-radius: 100px;
    margin-bottom: 10px;
}

.cover_img_2,
.cover_img_3,
.cover_img_4 {
    position: absolute;
    width: 100%;
}

.cover_img_2 {
    top: 10%;
    right: -50%;
}

.cover_img_3 {
    top: 0%;
    right: 70%;
}

.cover_img_4 {
    top: 60%;
    right: 80%;
}


@keyframes floatUpDown {
    0% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-20px);
    }
    100% {
      transform: translateY(0);
    }
  }

  @media (max-width: 1920px) {

    .cover_content {
        position: absolute;
        top: 45%;
        left: 17%;
    }

    .cover_content h1 {
        font-size: 40px;
        font-weight: 800;
        color: #ffffff;
    }

    .cover_img_1 img {
        max-width: 350px;
        animation: floatUpDown 2s ease-in-out infinite;
    }

    .cover_img {
        position: absolute;
        top: 30%;
        right: 20%;
        color: #ffffff;
        text-align: center;
    }
    
  }

@media (max-width: 1440px) {

    .cover_content {
        position: absolute;
        top: 45%;
        left: 5%;
    }

    .cover_content h1 {
        font-size: 40px;
        font-weight: 800;
        color: #ffffff;
    }

    .cover_img_1 img {
        max-width: 350px;
        animation: floatUpDown 2s ease-in-out infinite;
    }

    .cover_img {
        position: absolute;
        top: 30%;
        right: 12%;
        color: #ffffff;
        text-align: center;
    }
    
  }

  @media (max-width: 1280px) {

    .cover_img_1 img {
        max-width: 350px;
        animation: floatUpDown 2s ease-in-out infinite;
    }

    .cover_img_2 img,
    .cover_img_3 img,
    .cover_img_4 img {
    max-width: 55px;
    background-color: #e42b2b;
    padding: 10px;
    border-radius: 100px;
    margin-bottom: 10px;
}
    
  }

  @media (max-width: 1024px) {

    
.cover_element {
    position: absolute;
    right: 40%;
    top: 11%;
    opacity: 80%;
    width: 300px;
}

    .cover_content {
        position: absolute;
        top: 35%;
        left: 5%;
        max-width: 450px;
    }
    
    .cover_img {
        position: absolute;
        top: 28%;
        right: 8%;
        color: #ffffff;
        text-align: center;
    }

    .cover_img_1 img {
        max-width: 350px;
        animation: floatUpDown 2s ease-in-out infinite;
    }

    .cover_img_2,
    .cover_img_3,
    .cover_img_4 {
        display: none;
        position: absolute;
        width: 200px;
    }


  }

  @media (max-width: 991px) {

    
    .cover_element {
        position: absolute;
        right: 40%;
        top: 11%;
        opacity: 80%;
        width: 300px;
    }
    
        .cover_content {
            position: absolute;
            top: 35%;
            left: 5%;
            max-width: 450px;
        }
        
        .cover_img {
            position: absolute;
            top: 28%;
            right: 8%;
            color: #ffffff;
            text-align: center;
        }
    
        .cover_img_1 img {
            max-width: 350px;
            animation: floatUpDown 2s ease-in-out infinite;
        }
    
        .cover_img_2,
        .cover_img_3,
        .cover_img_4 {
            display: none;
            position: absolute;
            width: 200px;
        }
    
    
      }

      @media (max-width: 769px) {

    
        .cover_element {
            position: absolute;
            right: 40%;
            top: 11%;
            opacity: 80%;
            width: 300px;
        }
        
            .cover_content {
                position: absolute;
                top: 35%;
                left: 5%;
                max-width: 450px;
            }
            
            .cover_img {
                position: absolute;
                top: 30%;
                right: 2%;
                color: #ffffff;
                text-align: center;
            }
        
            .cover_img_1 img {
                max-width: 280px;
                animation: floatUpDown 2s ease-in-out infinite;
            }
        
            .cover_img_2,
            .cover_img_3,
            .cover_img_4 {
                display: none;
                position: absolute;
                width: 200px;
            }
        }


        @media (max-width: 576px) {

            
            .cover {
                height: 850px;
                overflow: hidden;
            }

    
            .cover_element {
                position: absolute;
                right: 0%;
                top: 75%;
                opacity: 80%;
                width: 300px;
            }

            .cover_element img {
                width: 300px;
            }
            
            .cover_content {
                position: absolute;
                top: 15%;
                left: 5%;
                max-width: 400px;
            }
            
            .cover_img {
                position: absolute;
                top: 56%;
                right: 18%;
                color: #ffffff;
                text-align: center;
            }
        
            .cover_img_1 img {
                max-width: 280px;
                animation: floatUpDown 2s ease-in-out infinite;
            }
        
            .cover_img_2,
            .cover_img_3,
            .cover_img_4 {
                display: none;
                position: absolute;
                width: 200px;
            }
        }

        @media (max-width: 375px) {

            .cover_img {
                position: absolute;
                top: 80%;
                left: 36%;
                transform: translate(-50%,-50%);
                color: #ffffff;
                text-align: center;
            }

        }


/* about */
.about {
    padding: 120px 0px 70px 0px;
    position: relative;
}

.about_shape {
    position: absolute;
    right: 0%;
    top: 0%;
    z-index: -1;
}

.about_bd {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 100px;
}

.about_content_1{
    display: flex;
    justify-content: center;
    position: relative;
}

.about_content_1_img {
    width: 463px;
    border-radius: 10px;
    overflow: hidden;
}


.about_content_1_img_2 {
    position: absolute ;
    max-width: 211px;
    overflow: hidden;
    border-radius: 10px;
    border: 5px solid #ffffff;
    right: 0%;
    top: 15%;
    -webkit-box-shadow: 0 10px 60px rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 60px rgba(0, 0, 0, 0.1);
}

.about_content_1_img_2 img,
.about_content_1_img_3 img,
.about_content_1_img_4 img
{
    width: 100%;
    height: 100%;
}

.about_content_1_img_3 {
    position: absolute;
    left: -10%;
    bottom: 15%;
    max-width: 240px;
    animation: floatUpDown 2s ease-in-out infinite;
}

.about_content_1_img_4 {
    position: absolute;
    max-width: 220px;
    overflow: hidden;
    right: 5%;
    bottom: 9%;
    z-index: -1;
    border-radius: 20px;
    overflow: hidden;
}


.about_content_2_tittle p:nth-child(1) {
    font-size: 18px;
    color: #6a6a6a;
    margin-bottom: 10px;
}

.about_content_2_tittle p:nth-child(1) span {
    font-size: 13px;
    color: #e42b2b;
}


.about_content_2_tittle p:nth-child(2) {
    font-size: 46px;
    color: #000000;
    margin-bottom: 10px;
    font-weight: 600;
    line-height: 1.2;
}

.about_content_2_tittle p:nth-child(3) {
    font-size: 16px;
    color: #6a6a6a;
    margin-bottom: 10px;
    margin-top: 30px;
    line-height: 2;
}

.about_content_2_list {
    margin-top: 30px;
}

.about_content_2_list p{
    font-size: 16px;
    color: #6a6a6a;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    color: #000000;
    font-weight: 500;
}

.about_content_2_list i {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #e42b2b;
    color: #ffffff;
    font-size: 12px;
    width: 18px;
    height: 18px;
    border-radius: 40px;
}

.about_content_info {
    display: flex;
    align-items: center;
    column-gap: 10px;
    margin-top: 30px;
}

.about_content_info i {
    color: #e42b2b;
    background-color: #edf0f5;
    padding: 20px;
    border-radius: 100px;
    font-size: 25px;
}

.about .cover_content_a {
    margin-top: 0px;
}

.about_content_info_call {
    margin-left:20px ;
    margin-right: 50px;
}

.about_content_info_call p:nth-child(1) {
    font-size: 16px;
    color: #6a6a6a;
}

.about_content_info_call p:nth-child(2) {
    font-size: 22px;
    color: #181818;
    font-weight: 600;
}

.about_content_info_call_bd {
    display: flex;
    column-gap: 20px;
}

@media (max-width: 1280px) {

    .about_bd {
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 50px;
    }

    .about_content_1{
        display: flex;
        justify-content: left;
        position: relative;
    }

    .about_content_1_img_3 {
        position: absolute;
        left: -5%;
        bottom: 15%;
        max-width: 240px;
    }
}


@media (max-width: 1024px) {

    .about .w {
        width: 95% !important;
    }

    .about_bd {
        display: grid;
        grid-template-columns: 1fr 2fr;
        column-gap: 30px;
    }

    .about_content_1{
        display: flex;
        justify-content: left;
        position: relative;
        max-width: 100%;
    }

    
    .about_content_1_img {
    width: 400px;
    border-radius: 10px;
    overflow: hidden;
    }

    .about_content_1_img_2 {
        display: none;
    }

    .about_content_1_img_3 {
        position: absolute;
        left: -5%;
        bottom: 15%;
        max-width: 240px;
    }
}


@media (max-width: 820px) {

    .about .w {
        width: 95% !important;
    }

    .about_bd {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto; /* 根据内容自动调整行高 */
        gap: 30px; /* 为了控制元素之间的间距 */
      }
      
      .about_content_2 {
        grid-row: 1; /* 将 .about_content_2 放在第一行 */
        grid-column: 1; /* 放在第一列 */
      }
      
      .about_content_1 {
        grid-row: 2; /* 将 .about_content_1 放在第二行 */
        grid-column: 1; /* 放在第一列 */
      }
      
      /* 添加其他样式以适应您的需求 */

    .about_content_1{
        display: flex;
        justify-content: center;
        position: relative;
        max-width: 100%;
    }

    
    .about_content_1_img {
    height: 500px;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    }

    .about_content_1_img img{
        width: 100%;
        height: 100%;
        }

    .about_content_1_img_2 {
        display: none;
    }

    .about_content_1_img_3 {
        position: absolute;
        left: 0%;
        bottom: 15%;
        max-width: 240px;
    }

    .about_content_info {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 30px;
    }
}

@media (max-width: 576px) {

    .about .w {
        width: 90% !important;
    }

    .about_bd {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto; /* 根据内容自动调整行高 */
        gap: 30px; /* 为了控制元素之间的间距 */
      }
      
      /* 添加其他样式以适应您的需求 */

    .about_content_1{
        display: flex;
        justify-content: center;
        position: relative;
        max-width: 100%;
    }

    
    .about_content_1_img {
    height: 500px;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    }

    .about_content_1_img img{
        width: 100%;
        height: 100%;
        }

    .about_content_1_img_2 {
        display: none;
    }

    .about_content_1_img_3 {
        display: none;
        position: absolute;
        left: 0%;
        bottom: 15%;
        max-width: 240px;
    }

    .about_content_1_img_4 {
        left: -6%;
        overflow: hidden;
        height: 300px;
    }

    .about_content_1_img_4 img {
        height: 400px;
        width: 400px;
    }

    .about_content_info {
        display: block;
        justify-content: space-between;
        align-items: center;
        margin-top: 30px;
    }

    .about_content_2_tittle p:nth-child(2) {
        font-size: 38px;
        color: #000000;
        margin-bottom: 10px;
        font-weight: 600;
        line-height: 1.2;
    }
    
    .about_content_2_list p {
        column-gap: 15px;
        font-size: 14px;
    }
    

    .about_content_2_list i{
        width: 30px;
        height: 30px;
    }

    .about_content_info_call_bd {
        margin-bottom: 40px;
    }
}

/* product */

.product_bd {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    background-color: pink;
    height: 100%;
}

.product_list {
    position: relative;
    height: 280px;
    background-color:pink;
    padding: 30px;
    overflow: hidden;
}

.product_list_item p:nth-child(1) {
    font-size: 24px;
    font-weight: 600;
    color: #ffffff;
}

.product_list_item p:nth-child(2) {
    font-size: 14px;
    color: #ffffff;
}

.product_list  .cover_content_a a {
    position: absolute;
    top: 70%;
    padding: 10px 40px !important;
}

.product_bd .product_list:nth-child(1){
    background: url(../images/product_13.webp) no-repeat;
    background-position: center;
    background-size: cover;
}

.product_bd .product_list:nth-child(1) .product_img {
    position: absolute;
    top: 38%;
    right: -3%;
    width: 250px;
}

.product_img img {
    width: 100%;
    height: 100%;
    transition: all 0.3s 
    ;
   
}

.product_bd .product_list:nth-child(2){
    background: url(../images/product_09.webp) no-repeat;
    background-position: center;
    background-size: cover;
}

.product_bd .product_list:nth-child(2) .product_img {
    position: absolute;
    top: 30%;
    right: 5%;
    width: 180px;
}

.product_bd .product_list:nth-child(3){
    background: url(../images/product_11.webp) no-repeat;
    background-position: center;
    background-size: cover;
}

.product_bd .product_list:nth-child(3) .product_img {
    position: absolute;
    top: 10%;
    right: 3%;
    width: 200px;
}

.product_bd .product_list:nth-child(4){
    background: url(../images/product_12.webp) no-repeat;
    background-position: center;
    background-size: cover;
}

.product_bd .product_list:nth-child(4) .product_img {
    position: absolute;
    top: 30%;
    right: 3%;
    width: 160px;
}

.product_list:hover .product_img img {
    scale: 1.1;
} 

@media (max-width: 1440px) {

    .product_list_item p:nth-child(1) {
        font-size: 18px;
        font-weight: 600;
        color: #ffffff;
    }
    
    .product_list_item p:nth-child(2) {
        font-size: 12px;
        color: #ffffff;
    }

    .product_list  .cover_content_a a {
        position: absolute;
        top: 70%;
        padding: 8px 30px !important;
        border-radius: 5px;
    }


    .cover_content_a a span {
        position: relative;
        z-index: 2;
        font-size: 12px;
    }

    .product_list  .cover_content_a a::before {
        left: 0;
        top: 0;
        content: "";
        background-color: #e42b2b;
        border-radius: 5px;
        height: 100%;
        width: 24px;
        position: absolute;
        -webkit-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
        transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
        z-index: 1;
}

.product_bd .product_list:nth-child(3) .product_img {
    position: absolute;
    top: 10%;
    right: 0%;
    width: 200px;
}
}

@media (max-width: 1280px) {
    
    
    .product_bd .product_list:nth-child(1) .product_img{
        position: absolute;
        top: 38%;
        right: 0%;
        width: 180px;
    }

    .product_bd .product_list:nth-child(2) .product_img{
        position: absolute;
        top: 38%;
        right: 4%;
        width: 140px;
    }

    .product_bd .product_list:nth-child(3) .product_img{
        position: absolute;
        top: 20%;
        right: 4%;
        width: 140px;
    }

    .product_bd .product_list:nth-child(4) .product_img{
        position: absolute;
        top: 35%;
        right: 4%;
        width: 120px;
    }
}


@media (max-width: 1024px) {

    .product_bd {
        display: grid;
        grid-template-columns: 1fr 1fr;
        background-color: pink;
        height: 100%;
    }
    
    .product_bd .product_list:nth-child(1) .product_img{
        position: absolute;
        top: 38%;
        right: 6%;
        width: 270px;
    }

    .product_bd .product_list:nth-child(2) .product_img{
        position: absolute;
        top: 30%;
        right: 10%;
        width: 200px;
    }

    .product_bd .product_list:nth-child(3) .product_img{
        position: absolute;
        top: -5%;
        right: 4%;
        width: 250px;
    }

    .product_bd .product_list:nth-child(4) .product_img{
        position: absolute;
        top: 25%;
        right: 10%;
        width: 160px;
    }

    .product_list  .cover_content_a a {
        position: absolute;
        top: 70%;
        padding: 10px 40px !important;
        border-radius: 5px;
    }


    .cover_content_a a span {
        position: relative;
        z-index: 2;
        font-size: 16px;
    }

    .product_list  .cover_content_a a::before {
        left: 0;
        top: 0;
        content: "";
        background-color: #e42b2b;
        border-radius: 5px;
        height: 100%;
        width: 24px;
        position: absolute;
        -webkit-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
        transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
        z-index: 1;
}
}

@media (max-width: 820px) {

    .product_bd {
        display: grid;
        grid-template-columns: 1fr 1fr;
        background-color: pink;
        height: 100%;
    }
    
    .product_bd .product_list:nth-child(1) .product_img{
        position: absolute;
        top: 33%;
        right: 0%;
        width: 250px;
    }

    .product_bd .product_list:nth-child(2) .product_img{
        position: absolute;
        top: 30%;
        right: 5%;
        width: 170px;
    }

    .product_bd .product_list:nth-child(3) .product_img{
        position: absolute;
        top: 0%;
        right: 4%;
        width: 200px;
    }

    .product_bd .product_list:nth-child(4) .product_img{
        position: absolute;
        top: 30%;
        right: 10%;
        width: 130px;
    }

    .product_list  .cover_content_a a {
        position: absolute;
        top: 70%;
        padding: 10px 40px !important;
        border-radius: 5px;
    }


    .cover_content_a a span {
        position: relative;
        z-index: 2;
        font-size: 16px;
    }

    .product_list  .cover_content_a a::before {
        left: 0;
        top: 0;
        content: "";
        background-color: #e42b2b;
        border-radius: 5px;
        height: 100%;
        width: 24px;
        position: absolute;
        -webkit-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
        transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
        z-index: 1;
}
}

@media (max-width: 768px) {

    .product_bd .product_list:nth-child(3) .product_img{
        position: absolute;
        top: 0%;
        right: 4%;
        width: 190px;
    }

}


@media (max-width: 576px) {

    .product_bd {
        display: grid;
        grid-template-columns: 1fr;
        background-color: pink;
        height: 100%;
    }

    .product_bd .product_list:nth-child(4) .product_img{
        position: absolute;
        top: 30%;
        right: 10%;
        width: 150px;
    }


    .product_list  .cover_content_a a {
        position: absolute;
        top: 70%;
        padding: 8px 30px !important;
        border-radius: 5px;
    }


    .cover_content_a a span {
        position: relative;
        z-index: 2;
        font-size: 14px;
    }

}


/* about3 */

.about_2 {
    padding: 120px 0px 70px 0px;
    background-color: #f3f3f3;
    overflow: hidden;
}

.about_2_bd {
    display: grid;
    grid-template-columns: 0.9fr 1.2fr;
    column-gap: 20px;
}

.about_2_bd_content_tittle p:nth-child(1) {
    font-size: 18px;
    color: #6a6a6a;
    
}

.about_2_bd_content_tittle p:nth-child(1) span {
    font-size: 12px;
    color: #e42b2b;
   
}


.about_2_bd_content_tittle p:nth-child(2) {
    font-size: 46px;
    color: #000000;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 40px;
}

.about_2_bd_content_list {
    display: flex;
    column-gap: 30px;

}

.about_2_bd_content_list_i  {
    margin-bottom: 10px;
}

.about_2_bd_content_list_i i {
    font-size: 20px;
    color: #ffffff;
    background-color: #ff3838;
    padding: 20px;
    border-radius: 100px;
}

.about_2_bd_content_list_i img {
    width: 100px;
    border-radius: 100px;
    padding: 10px;
}

.about_2_bd_content_list_bd {
    margin-bottom: 15px;
    padding-bottom:35px ;
    border-bottom: 1px solid #dcdcdd;
}

.about_2_bd_content_list_p p:nth-child(1) {
    color: #0f0f0f;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 18px;
}

.about_2_bd_content_list_p p:nth-child(2) {
    color: #6a6a6a;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 18px;
}

.about_2_bd_content_2 {
    align-self: center;
    border-radius: 10px;
    position: relative;
    height: 100%;
}

.about_2_bd_content_2 img {
    max-width: 130%;
    object-fit: cover;
    position: absolute;
    top: 12%;
    left: 10%;
    border-radius: 10px;
}


@media (max-width: 1280px) {

    .about_2_bd_content_tittle p:nth-child(2) {
        font-size: 36px;
        color: #000000;
        font-weight: 600;
        line-height: 1.2;
        margin-bottom: 40px;
    }

    .about_2_bd_content_2 img {
        max-width: 130%;
        object-fit: cover;
        position: absolute;
        top: 12%;
        left: 4%;
        border-radius: 10px;
    }
    

}

@media (max-width: 1024px) {

    .about_2_bd_content_tittle p:nth-child(2) {
        font-size: 30px;
        color: #000000;
        font-weight: 600;
        line-height: 1.2;
        margin-bottom: 40px;
    }

    .about_2_bd_content_2 img {
        max-width: 130%;
        object-fit: cover;
        position: absolute;
        top: 25%;
        left: 4%;
        border-radius: 10px;
    }
    

}

@media (max-width: 991px) {

    .about_2_bd {
        display: grid;
        grid-template-columns: 1fr;
        column-gap: 20px;
    }
    

    .about_2_bd_content_tittle p:nth-child(2) {
        font-size: 30px;
        color: #000000;
        font-weight: 600;
        line-height: 1.2;
        margin-bottom: 40px;
    }

    .about_2_bd_content_2 img {
        max-width: 100%;
        object-fit: cover;
        position: relative;
        top: 0%;
        left: 0%;
        border-radius: 10px;
    }
    

}

@media (max-width: 576px) {

    .about_2_bd_content_list {
        display: block;
        column-gap: 30px;
        text-align: center;
    }
    
}

/* data */

.data {
    padding: 80px 0px;
    background: url(../images/cover3.webp) no-repeat;
    background-size: cover;
    background-position: center;
}

.data .v {
    max-width: 1700px;
    margin: 0 auto;
    width: 90%;
}

.data_bd {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-bottom: solid 1px #303030;
    padding-bottom: 80px;
    margin-bottom: 80px;
}

.data_content {
    align-items: center;
    padding: 0px;
}

.data_content:nth-child(1) {
   border-right: solid 1px #303030;
   padding-right: 50px;
}


.data_content:nth-child(1) p {
    text-align: end;
}

.data_content:nth-child(1) p:nth-child(1) {
    font-size: 14px;
    color: #ffffff;
    font-weight: 500;
}

.data_content:nth-child(1) p:nth-child(2) {
    font-size: 100px;
    color: #e42b2b;
    font-weight: 600;
    line-height: 1;
}

.data_content:nth-child(2){
    display: flex;
    padding-left: 50px;
}

.data_content:nth-child(2) p:nth-child(1) {
    font-size: 18px;
    color: #8f8f8f;
}

/* showcase */

 .showcase_tittle p{
    text-align: center;
 }

 .showcase_tittle p:nth-child(1) {
    font-size: 18px;
    color: #878787;
 }

 .showcase_tittle p:nth-child(2) {
    font-size: 46px;
    color: #ffffff;
    font-weight: 600;
 }

 .showcase_slide {
    margin-top: 40px;
}

.swiper {
    width: 100%;
    height: 433px;
  }

.swiper-slide {
  overflow: hidden;
  border-radius: 10px;
}

.swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }


.swiper .swiper-button-prev,
.swiper .swiper-button-next,
.swiper .swiper-scrollbar,
.swiper .swiper-pagination {
    opacity: 0;
}

@media (max-width: 1280px) {

    .data_bd {
        display: grid;
        grid-template-columns: 1fr 1fr;
        border-bottom: solid 1px #303030;
        padding-bottom: 80px;
        margin-bottom: 80px;
    }

    .data_content:nth-child(1) p:nth-child(1) {
        text-align: end;
    }
    
    .swiper {
        width: 100%;
        height: 290px;
      }

}

@media (max-width: 1280px) {

    .data_bd {
        display: grid;
        grid-template-columns: 1fr 1fr;
        border-bottom: solid 1px #303030;
        padding-bottom: 80px;
        margin-bottom: 80px;
    }

    .data_content:nth-child(1) p:nth-child(1) {
        text-align: end;
    }
    
    .swiper {
        width: 100%;
        height: 290px;
      }

}

@media (max-width: 991px) {
    
    .swiper {
        width: 100%;
        height: 500px;
      }

}

@media (max-width: 768px) {
    
    .swiper {
        width: 100%;
        height: 385px;
      }

}

@media (max-width: 576px) {

    .data_bd {
        display: grid;
        grid-template-columns: 1fr;
        border-bottom: solid 1px #303030;
        padding-bottom: 50px;
        margin-bottom: 50px;
    }

    .data_content:nth-child(1) {
        border-right: none ;
     }

     .data_content:nth-child(1) p:nth-child(1) {
        text-align: center;
    }
    
    .swiper {
        width: 100%;
        height: 390px;
      }

      .data_content:nth-child(1) {
        padding-right: 0px;
     }
     
     .data_content:nth-child(2){
         display: flex;
         padding-left: 0px;
         text-align: center;
     }

     .data_content:nth-child(1) p:nth-child(2) {
        font-size: 60px;
        color: #e42b2b;
        font-weight: 600;
        line-height: 1;
        text-align: center;
        margin-bottom: 30px;
    }

    .showcase_tittle p:nth-child(2) {
        font-size: 38px;
        color: #ffffff;
        font-weight: 600;
     }

}

/* product02 */

.product2 {
    height: 100%;
    background: url(../images/pattern-2.webp) no-repeat;
    padding: 120px 0px;
    background-size: cover;
    background-position: center center;
    column-gap: 30px;
    position: relative;
}

.product2_bg_img {
    position: absolute;
    top: 20%;
    left: 20%;
    animation: fa-spin 60s infinite linear;
}

.product2 .w {
    padding-bottom: 100px;
}

.product2_bd {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.product2_content {
    position: relative;
}

.product2_content:nth-child(2) {
    align-self: center;
    margin-top: 50px;
}

.product2_content img {
    position: absolute;
    border-radius: 15px;
    
}

.product2_content img:nth-child(1) {
    left: 0%;
    top: 5%;
}

.product2_content img:nth-child(2) {
    left: 0%;
    top: 64%;
}

.product2_content img:nth-child(3) {
    right: 9%;
    top: 18%;
    border: solid 5px #ffffff;
}

.product2_content_tittle p:nth-child(1) {
    color: #6a6a6a;
    font-size: 18px;
    margin-bottom: 10px;
}

.product2_content_tittle p:nth-child(1) span {
    color: #e42b2b;
    font-size: 12px;

}

.product2_content_tittle h2 {
  font-size: 46px;
  color: #000000;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 30px;
}

.product2_content_p {
    font-size: 16px;
    color: #6a6a6a;
    margin-bottom: 40px;
}

.product2_content_p2 {
    position: relative;
    border-radius: 10px;
    -webkit-box-shadow: 0 10px 60px rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 60px rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    padding: 20px 40px;;
    color: #000000;
    font-size: 16px;
    font-weight: 500;
}

.product2_content_info {
    margin-top: 40px;
    display: flex;
    column-gap: 30px;
    align-items: center;
}

.product2_content_info i {
    color: #ffffff;
    background-color: #e42b2b;
    padding: 23px 25px;
    border-radius: 100px;
    font-size: 18px;
}

.product2_content_info p {
    font-size: 16px;
    color: #0f0f0f;
    font-weight: 600;
    line-height: 1.5;
}

.product2_content_p2::before {
    position: absolute;
    left: 0;
    top: 10px;
    bottom: 10px;
    width: 4px;
    background-color: #e42b2b;
    content: "";
    border-radius: 5px;
}

.product2 .cover_content_a {
    margin-top: 0px;
}

.product2 .cover_content_a span {
    font-size: 14px;
}

.product2_content_info_box {
    display: flex;
    column-gap: 30px;
}


@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
  }

  @media (max-width: 1920px) {

    .product2_bg_img {
        position: absolute;
        top: 20%;
        left: 15%;
        animation: fa-spin 60s infinite linear;
    }

  }

  
  @media (max-width: 1440px) {

    .product2_bg_img {
        position: absolute;
        top: 20%;
        left: 8%;
        animation: fa-spin 60s infinite linear;
    }

  }

  @media (max-width: 991px) {

    .product2 {
        height: 100%;
        background: url(../images/pattern-2.webp) no-repeat;
        padding: 20px 0px 120px 0px;
        background-size: cover;
        background-position: center center;
        column-gap: 30px;
        position: relative;
    }

    
    .product2_bg_img {
        position: absolute;
        top: 50%;
        left: 30%;
        animation: fa-spin 60s infinite linear;
        height: 400px;
    }

    .product2_bg_img img {
        width: 100%;
        height: 100%;
    }

    .product2_bd {
        display: grid;
        grid-template-columns: 1fr;
    }

    .product2_content:nth-child(1) {
        height: 700px;
    }

    .product2_content:nth-child(2) {
        grid-row: 1;
        grid-column: 1;
    }

    .product2_content img:nth-child(1) {
        left: 4%;
        top: 7%;
        width: 45%;
    }
    
    .product2_content img:nth-child(2) {
        left: 4%;
        top: 65%;
        width: 45%;
    }
    
    .product2_content img:nth-child(3) {
        right: 5%;
        top: 18%;
        border: solid 5px #ffffff;
        width: 45%;
    }

  }

  
  @media (max-width: 820px) {

    .product2 {
        height: 100%;
        background: url(../images/pattern-2.webp) no-repeat;
        padding: 20px 0px 30px 0px;
        background-size: cover;
        background-position: center center;
        column-gap: 30px;
        position: relative;
    }


    .product2_content:nth-child(2) {
        grid-row: 1;
        grid-column: 1;
    }

    .product2_content img:nth-child(1) {
        left: 4%;
        top: 10%;
        width: 45%;
    }
    
    .product2_content img:nth-child(2) {
        left: 4%;
        top: 58%;
        width: 45%;
    }
    
    .product2_content img:nth-child(3) {
        right: 5%;
        top: 18%;
        border: solid 5px #ffffff;
        width: 45%;
    }

  }

  @media (max-width: 768px) {

    .product2 {
        height: 100%;
        background: url(../images/pattern-2.webp) no-repeat;
        padding: 20px 0px 80px 0px;
        background-size: cover;
        background-position: center center;
        column-gap: 30px;
        position: relative;
    }
    
    .product2 .w {
        padding-bottom: 0px;
    }


    .product2_content:nth-child(2) {
        grid-row: 1;
        grid-column: 1;
    }

    .product2_content img:nth-child(1) {
        left: 4%;
        top: 11%;
        width: 45%;
    }
    
    .product2_content img:nth-child(2) {
        left: 4%;
        top: 57%;
        width: 45%;
    }
    
    .product2_content img:nth-child(3) {
        right: 5%;
        top: 18%;
        border: solid 5px #ffffff;
        width: 45%;
    }

  }

  @media (max-width: 576px) {

    .product2 {
        height: 100%;
        background: url(../images/pattern-2.webp) no-repeat;
        padding: 20px 0px 50px 0px;
        background-size: cover;
        background-position: center center;
        column-gap: 30px;
        position: relative;
    }

    .product2_content_tittle h2 {
        font-size: 38px;
        color: #000000;
        font-weight: 600;
        line-height: 1;
        margin-bottom: 30px;
      }

      .product2_content_info {
        margin-top: 40px;
        display: block;
        column-gap: 30px;
        align-items: center;
    }

    .product2_bg_img {
        position: absolute;
        top: 65%;
        left: 15%;
        animation: fa-spin 60s infinite linear;
        height: 250px;
    }

    .product2_content img:nth-child(1) {
        left: 4%;
        top: 12%;
        width: 45%;
    }
    
    .product2_content img:nth-child(2) {
        left: 4%;
        top: 53%;
        width: 45%;
    }
    .product2_content_info_box {
        display: flex;
        column-gap: 30px;
        margin-top: 40px;
    }

    .product2_content:nth-child(1) {
        height: 400px;
    }
  }

  /* client */

.client {
    padding: 70px 0px;
  }

  :root {
    --marquee-width: 100%;
    --marquee-height: 140px;
    /* --marquee-elements: 12; */ /* defined with JavaScript */
    --marquee-elements-displayed: 5;
    --marquee-element-width: calc(var(--marquee-width) / var(--marquee-elements-displayed));
    --marquee-animation-duration: calc(var(--marquee-elements) * 3s);
  }
  
  .marquee {
    width: var(--marquee-width);
    height: var(--marquee-height);
    background-color: #ffffff;
    overflow: hidden;
    position: relative;
  }

  .marquee img {
    width: 100%;
  }

  .marquee:before, .marquee:after {
    position: absolute;
    top: 0;
    width: 10rem;
    height: 100%;
    content: "";
    z-index: 1;
  }
  .marquee-content {
    list-style: none;
    height: 100%;
    display: flex;
    animation: scrolling var(--marquee-animation-duration) linear infinite;
  }
  /* .marquee-content:hover {
    animation-play-state: paused;
  } */
  @keyframes scrolling {
    0% { transform: translateX(0); }
    100% { transform: translateX(calc(-1 * var(--marquee-element-width) * var(--marquee-elements))); }
  }
  .marquee-content li {
    display: flex;
    justify-content: center;
    align-items: center;
    /* text-align: center; */
    flex-shrink: 0;
    width: var(--marquee-element-width);
    max-height: 100%;
    font-size: calc(var(--marquee-height)*3/4); /* 5rem; */
    white-space: nowrap;
  }
  
  
  @media (max-width: 600px) {
    html { font-size: 12px; }
    :root {
      --marquee-width: 100%;
      --marquee-height: 10vh;
      --marquee-elements-displayed: 2;
    }
    .marquee:before, .marquee:after { width: 5rem; }
  }

.client-title {
    font-size: 38px;
}
  
  @media (max-width: 576px) {

    .client {
        padding: 40px 0px;
      }
}